<template>
    <div class="blog-footer">
        <div class="icon">
            <span><a href="https://wpa.qq.com/msgrd?v=3&uin=1245118458&site=qq&menu=yes" class="qq iconfont" target="_blank" title="930054439">&#xe60f;</a></span>
            <span><a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=gbiysbG0tbWyuMHw8K-i7uw" class="email iconfont" target="_blank" title="930054439@qq.com">&#xe614; </a></span>
            <span><router-link to="/auth/login" class="person iconfont">&#xe501;</router-link></span>
        </div>
        <p>Copyright © 2020 小飞 All Rights Reserved V.1.0.0 备案号:<router-link to="">晋ICP备20005911号</router-link></p>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.blog-footer{
    width:100%;
    height:100px;
    background-color: rgb(33, 34, 32);
    text-align: center;
    .icon{
        line-height: 52px;
        span{
            display: inline-block;
            width:35px;
            height:35px;
            background:rgb(77, 78, 77);
            margin-right:10px;
            border-radius: 50%;
            margin-top:18px;
            line-height: 36px;
            transition: .5s;
            a{
                font-size:20px;
                transition: .5s;
            }
        }
        span:nth-child(1):hover{
            background:#d25744;
            .qq{
                color:white
            }
        }
        span:nth-child(2):hover{
            background:#668f20;
            .email{
                color:white
            }
        }
        span:nth-child(3):hover{
            background:#06a2c9;
            .person{
                color:white
            }
        }
    }
    p{
        color:#565755;
        font-size: 13px;
        a{
            display: inline;
            color:white;
        }
    }
}
</style>